<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/slider.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 顶部开始 -->
    <div class="top">
        <div class="wapper">
            <p>欢迎光临
                <span><a href="../html/index.html">乐购</a></span>
                ，请 <a href="../html/register.html">&nbsp; 登陆</a> \
                <span><a href="../html/login.html">注册</a></span>
            </p>
        </div>
    </div>
    <!-- 顶部结束 -->

    <!-- 导航栏开始 -->
    <div class="navigation-bar wapper clearfix">
        <img src="../images/logo.jpg" alt="">

        <!-- 搜索 -->
        <div class="seek">
            <input type="text" placeholder="创意文具">
            <span></span>
        </div>

        <!-- 订单 -->
        <div class="order-form ">
            <!-- 购物车 -->
            <div class="shopping">
                <span></span>
                <a href="../html/shopping-trolley .html">购物车</a>
            </div>
            <!-- 我的订单 -->
            <div class="indent">
                <a href="">
                    <p>我的订单</p>
                </a>
            </div>
        </div>

        <ul>
            <li><a href="">图书</a></li>
            <li><a href="">电子书</a></li>
            <li><a href="">原创文学</a></li>
            <li><a href="">服装</a></li>
            <li><a href="">运动户外</a></li>
            <li><a href="">孕婴童</a></li>
            <li><a href="">家居</a></li>
            <li><a href="">创意文具</a></li>
            <li><a href="">地方特产</a></li>
            <li><a href="">海外购</a></li>
            <li><a href="">电器城</a></li>
        </ul>
    </div>
    <!-- 导航栏结束 -->

    <!-- 海报区域开始 -->
    <div class="banner wapper clearfix">
        <!-- 选项卡 -->
        <div class="Tab-Control">
            <ul>
                <!-- 1 -->
                <li>
                    <p>
                        <a href="">图书</a> 、
                        <a href="">电子书</a> 、
                        <a href="">童书</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 2 -->
                <li>
                    <p><a href="">创意文具</a></p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 3 -->
                <li>
                    <p>
                        <a href="">服饰</a>、
                        <a href="">内衣</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 4 -->
                <li>
                    <p>
                        <a href="">鞋靴</a>、
                        <a href="">箱包</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 5 -->
                <li>
                    <p>
                        <a href="">运动户外</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 6 -->
                <li>
                    <p>
                        <a href="">孕</a>、
                        <a href="">婴</a>、
                        <a href="">童</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 7 -->
                <li>
                    <p>
                        <a href="">家居</a>、
                        <a href="">家纺</a>、
                        <a href="">汽车</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 8 -->
                <li>
                    <p>
                        <a href="">家具</a>、
                        <a href="">家装</a>、
                        <a href="">康体</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 9 -->
                <li>
                    <p>
                        <a href="">美妆</a>、
                        <a href="">个人护理</a>、
                        <a href="">成人</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 10 -->
                <li>
                    <p>
                        <a href="">食品</a>、
                        <a href="">茶酒</a>、
                        <a href="">生鲜</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 11 -->
                <li>
                    <p>
                        <a href="">腕表</a>、
                        <a href="">珠宝</a>、
                        <a href="">眼镜</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 12 -->
                <li>
                    <p>
                        <a href="">手机</a>、
                        <a href="">数码</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 13 -->
                <li>
                    <p>
                        <a href="">电脑办公</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
                <!-- 14 -->
                <li>
                    <p>
                        <a href="">家用电器</a>
                    </p>
                    <!-- 子菜单 -->
                    <div>
                        <p class="son-top">
                            <a href="">图书馆>></a>
                            <a href="">儿童书馆>></a>
                            <a href="">电子书馆>></a>
                        </p>
                        <ul>
                            <!-- 1 -->
                            <li>
                                <p class="subtitle">文艺</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                </p>
                            </li>
                            <!-- 2 -->
                            <li>
                                <p class="subtitle">人文社科</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">历史</a>
                                    <a href="">政治军事</a>
                                    <a href="">文化</a>
                                    <a href="">心理学</a>
                                    <a href="">法律</a>
                                </p>
                            </li>
                            <!-- 3 -->
                            <li>
                                <p class="subtitle">管理</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">经济</a>
                                    <a href="">投资理财</a>
                                    <a href="">金融</a>
                                    <a href="">互联网</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">励志</p>
                                <p class="son-btm">
                                    <a href="">小说</a>
                                    <a href="">文学</a>
                                    <a href="">传记</a>
                                    <a href="">青春</a>
                                    <a href="">动漫</a>
                                    <a href="">艺术</a>
                                    <a href="">摄影</a>
                                    <a href="">明星</a>
                                    <a href="">励志成功</a>
                                    <a href="">职场</a>
                                    <a href="">心灵修养</a>
                                </p>
                            </li>
                            <!-- 4 -->
                            <li>
                                <p class="subtitle">教育</p>
                                <p class="son-btm">
                                    <a href="">中小学教辅</a>
                                    <a href="">考试</a>
                                    <a href="">大中专教辅</a>
                                    <a href="">外语</a>
                                    <a href="">工具书</a>
                                    <a href="">公务员</a>
                                    <a href="">考研</a>
                                </p>
                            </li>
                            <!-- 5 -->
                            <li>
                                <p class="subtitle">科技</p>
                                <p class="son-btm">
                                    <a href="">科普读物</a>
                                    <a href="">计算机\网络</a>
                                    <a href="">医学</a>
                                    <a href="">工业技术</a>
                                    <a href="">建筑</a>
                                    <a href="">自然科学</a>
                                </p>
                            </li>
                            <!-- 6 -->
                            <li>
                                <p class="subtitle">生活</p>
                                <p class="son-btm">
                                    <a href="">两性</a>
                                    <a href="">孕期</a>
                                    <a href="">育儿</a>
                                    <a href="">保健</a>
                                    <a href="">运动</a>
                                    <a href="">休闲</a>
                                    <a href="">旅游</a>
                                    <a href="">美食</a>
                                    <a href="">美妆</a>
                                    <a href="">家居</a>
                                    <a href="">生活</a>
                                    <a href="">健身</a>
                                </p>
                            </li>
                            <!-- 7 -->
                            <li>
                                <p class="subtitle">刊\进口书</p>
                                <p class="son-btm">
                                    <a href="">英文进口书</a>
                                    <a href="">杂志</a>
                                    <a href="">港台进口书</a>
                                    <a href="">进口艺术画册</a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="slideshow">
            <div class="imgs">
                <img class="show" src="../images/1.jpg" alt="">
                <img src="../images/2.jpg" alt="">
                <img src="../images/3.jpg" alt="">
                <img src="../images/4.jpg" alt="">
                <img src="../images/5.jpg" alt="">
                <img src="../images/6.jpg" alt="">
            </div>
            <p>
                <a class="select"></a>
                <a></a>
                <a></a>
                <a></a>
                <a></a>
                <a></a>
            </p>
            <span class="sl"></span>
            <span class="sr"></span>
        </div>
    </div>
    <!-- 海报区域结束 -->

    <!-- 今日推荐开始 -->
    <div class="recommend ">
        <div class="wapper">
            <h3>乐购·今日推荐</h3>
            <div class="tody">
                <ul class="clearfix">
                    <!-- 1 -->
                    <li>
                        <img src="../images/index06_05.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p>全国联保 一年免费包换</p>
                        <p>￥:299</p>
                    </li>
                    <!-- 2 -->
                    <li>
                        <img src="../images/index06_05.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p>全国联保 一年免费包换</p>
                        <p>￥:299</p>
                    </li>
                    <!-- 3 -->
                    <li>
                        <img src="../images/index06_05.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p>全国联保 一年免费包换</p>
                        <p>￥:299</p>
                    </li>
                    <!-- 4 -->
                    <li>
                        <img src="../images/index06_05.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p>全国联保 一年免费包换</p>
                        <p>￥:299</p>
                    </li>
                    <!-- 5 -->
                    <li>
                        <img src="../images/index06_05.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p>全国联保 一年免费包换</p>
                        <p>￥:299</p>
                    </li>
                    <!-- 6 -->
                    <li>
                        <img src="../images/index06_05.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>黑爵青蜂侠六键电竞游戏鼠标</p>
                        <p>全国联保 一年免费包换</p>
                        <p>￥:299</p>
                    </li>
                    <!-- 7 -->
                    <li>
                        <img src="../images/index06_11.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>小熊家用静音加湿器</p>
                        <p>唯美外观 微米级喷雾</p>
                        <p>￥:89</p>
                    </li>
                    <!-- 8 -->
                    <li>
                        <img src="../images/index06_11.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>小熊家用静音加湿器</p>
                        <p>唯美外观 微米级喷雾</p>
                        <p>￥:89</p>
                    </li>
                    <!-- 9 -->
                    <li>
                        <img src="../images/index06_11.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>小熊家用静音加湿器</p>
                        <p>唯美外观 微米级喷雾</p>
                        <p>￥:89</p>
                    </li>
                    <!-- 10 -->
                    <li>
                        <img src="../images/index06_11.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>小熊家用静音加湿器</p>
                        <p>唯美外观 微米级喷雾</p>
                        <p>￥:89</p>
                    </li>
                    <!-- 11 -->
                    <li>
                        <img src="../images/index06_11.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>小熊家用静音加湿器</p>
                        <p>唯美外观 微米级喷雾</p>
                        <p>￥:89</p>
                    </li>
                    <!-- 12 -->
                    <li>
                        <img src="../images/index06_11.jpg" alt="">
                        <img src="../images/index05_18.jpg" alt="">
                        <p>小熊家用静音加湿器</p>
                        <p>唯美外观 微米级喷雾</p>
                        <p>￥:89</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 今日推荐结束 -->

    <!-- 图书开始 -->
    <div class="books conjunct wapper clearfix">
        <!-- 左边 -->
        <div class="books-left">
            <p>
                <span>图书 电子书</span>
                <a>电子书</a>
                <a>独家畅销</a>
                <a class="active">最新上架</a>
            </p>

            <!-- 电子书 子菜单 -->
            <div class="clearfix">
                <!-- 特价 -->
                <div class="special-offer">
                    <img src="../images/0726ebook-left.jpg" alt="">
                    <ul class="clearfix">
                        <li>
                            <a href="">
                                <p>中小学教辅</p>
                            </a>
                            <a href="">
                                <p>小说</p>
                            </a>
                            <a href="">
                                <p>成功\励志</p>
                            </a>
                            <a href="">
                                <p>哲学\宗教</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <p>外语</p>
                            </a>
                            <a href="">
                                <p>文学</p>
                            </a>
                            <a href="">
                                <p>管理</p>
                            </a>
                            <a href="">
                                <p>亲子\家教</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <p>考试</p>
                            </a>
                            <a href="">
                                <p>青春文学</p>
                            </a>
                            <a href="">
                                <p>历史</p>
                            </a>
                            <a href="">
                                <p>全部分类></p>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 右边大盒子 -->
                <div class="books-rigth-big">
                    <!-- 轮播 -->
                    <div class="carousel">
                        <div class="pptbox fl slider" >
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../images/3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/5.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/6.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/1.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <!-- 奥运 -->
                    <ul class="Olympic">
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                    <!-- 下面的奥运 -->
                    <ul class="Olympic">
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 独家畅销 子菜单 -->
            <div class="clearfix">
                <!-- 特价 -->
                <div class="special-offer">
                    <img src="../images/21090357-1_l.jpg" alt="">
                    <ul class="clearfix">
                        <li>
                            <a href="">
                                <p>中小学教辅</p>
                            </a>
                            <a href="">
                                <p>小说</p>
                            </a>
                            <a href="">
                                <p>成功\励志</p>
                            </a>
                            <a href="">
                                <p>哲学\宗教</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <p>外语</p>
                            </a>
                            <a href="">
                                <p>文学</p>
                            </a>
                            <a href="">
                                <p>管理</p>
                            </a>
                            <a href="">
                                <p>亲子\家教</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <p>考试</p>
                            </a>
                            <a href="">
                                <p>青春文学</p>
                            </a>
                            <a href="">
                                <p>历史</p>
                            </a>
                            <a href="">
                                <p>全部分类></p>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 右边大盒子 -->
                <div class="books-rigth-big">
                    <!-- 轮播 -->
                    <div class="carousel">
                        <div class="pptbox fl slider" >
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../images/3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/5.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/6.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/1.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <!-- 奥运 -->
                    <ul class="Olympic">
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                    <!-- 下面的奥运 -->
                    <ul class="Olympic">
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 最新上架 子菜单 -->
            <div class="books-left-son clearfix">
                <!-- 特价 -->
                <div class="special-offer">
                    <img src="../images/index7_07.jpg" alt="">
                    <ul class="clearfix">
                        <li>
                            <a href="">
                                <p>中小学教辅</p>
                            </a>
                            <a href="">
                                <p>小说</p>
                            </a>
                            <a href="">
                                <p>成功\励志</p>
                            </a>
                            <a href="">
                                <p>哲学\宗教</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <p>外语</p>
                            </a>
                            <a href="">
                                <p>文学</p>
                            </a>
                            <a href="">
                                <p>管理</p>
                            </a>
                            <a href="">
                                <p>亲子\家教</p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <p>考试</p>
                            </a>
                            <a href="">
                                <p>青春文学</p>
                            </a>
                            <a href="">
                                <p>历史</p>
                            </a>
                            <a href="">
                                <p>全部分类></p>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 右边大盒子 -->
                <div class="books-rigth-big">
                    <!-- 轮播 -->
                    <div class="carousel">
                        <div class="pptbox fl slider" >
                            <ul class="innerwrapper">
                                <li>
                                    <a href="#">
                                        <img src="../images/3.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/4.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/5.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/6.jpg" />
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="../images/1.jpg" />
                                    </a>
                                </li>
                            </ul>
                            <ul class="controls">
                                <li class="current">1</li>
                                <li>2</li>
                                <li>3</li>
                                <li>4</li>
                                <li>5</li>
                            </ul>
                            <span class="btnleft"></span>
                            <span class="btnright"></span>
                        </div>
                    </div>
                    <!-- 奥运 -->
                    <ul class="Olympic">
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                    <!-- 下面的奥运 -->
                    <ul class="Olympic">
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                        <li>
                            <a href="../html/product-list.html">
                                <h4>奥运狂欢</h4>
                                <p>10万种电子书&nbsp;直降40%</p>
                                <img src="../images/index09_05.jpg" alt="">
                                <p>￥49
                                    <span>￥79</span>
                                </p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <!-- 右边 -->
        <div class="books-rigth">
            <h4>新书畅销榜</h4>
            <ul>
                <!-- 1 -->
                <li class="clearfix">
                    <span>1</span>
                    <p class="active">就喜欢你看不惯我&emsp;又干不</p>
                    <div class="books-rigth-son live">
                        <img src="../images/index08_05.jpg" alt="">
                        <p>从你的世界路过 &emsp;&emsp;&emsp;
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <!-- 2 -->
                <li class="clearfix">
                    <span>2</span>
                    <p>就喜欢你看不惯我&emsp;又干不</p>
                    <div class="live">
                        <img src="../images/index08_05.jpg" alt="">
                        <p>从你的世界路过 &emsp;&emsp;&emsp;
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <!-- 3 -->
                <li class="clearfix">
                    <span>3</span>
                    <p>就喜欢你看不惯我&emsp;又干不</p>
                    <div class="live">
                        <img src="../images/index08_05.jpg" alt="">
                        <p>从你的世界路过 &emsp;&emsp;&emsp;
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <!-- 4 -->
                <li class="clearfix">
                    <span>4</span>
                    <p>就喜欢你看不惯我&emsp;又干不</p>
                    <div class="live">
                        <img src="../images/index08_05.jpg" alt="">
                        <p>从你的世界路过 &emsp;&emsp;&emsp;
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <!-- 5 -->
                <li class="clearfix">
                    <span>5</span>
                    <p>就喜欢你看不惯我&emsp;又干不</p>
                    <div class="live">
                        <img src="../images/index08_05.jpg" alt="">
                        <p>从你的世界路过 &emsp;&emsp;&emsp;
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <!-- 6 -->
                <li class="clearfix">
                    <span>6</span>
                    <p>就喜欢你看不惯我&emsp;又干不</p>
                    <div class="live">
                        <img src="../images/index08_05.jpg" alt="">
                        <p>从你的世界路过 &emsp;&emsp;&emsp;
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
                <!-- 7 -->
                <li class="clearfix">
                    <span>7</span>
                    <p>就喜欢你看不惯我&emsp;又干不</p>
                    <div class="live">
                        <img src="../images/index08_05.jpg" alt="">
                        <p>从你的世界路过 &emsp;&emsp;&emsp;
                            入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 图书结束 -->

    <!-- 服装开始 -->
    <div class="clothing conjunct wapper clearfix">
        <p>
            <span>服装</span>
            <a>精品鞋靴</a>
            <a>热销男装</a>
            <a class="active">女装内衣</a>
        </p>

        <!-- 精品鞋靴 子菜单 -->
        <div class="on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/160729-10194pc-D.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

             <!-- 轮播 -->
             <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <!-- 热销男装 子菜单 -->
        <div class="on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/86900019841997_1_o.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

             <!-- 轮播 -->
             <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <!-- 女装内衣 子菜单 -->
        <div class="clothing-son on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/index7_17.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 轮播 -->
            <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <div class="clothing-logos">
            <img src="../images/index15_13.jpg" 
            alt="">
            <img src="../images/index15_14.jpg" 
            alt="">
            <img src="../images/logo13_11.jpg" 
            alt="">
            <img src="../images/logo13_12.jpg" 
            alt="">
            <img src="../images/logo13_13.jpg" 
            alt="">
            <img src="../images/logo13_14.jpg" 
            alt="">
            <img src="../images/logo13_15.jpg" 
            alt="">
            <img src="../images/logo13_16.jpg" 
            alt="">
            <img src="../images/logo13_17.jpg" 
            alt="">
        </div>
    </div>
    <!-- 服装结束 -->
    
    <!-- 户外运动开始 -->
    <div class="clothing conjunct wapper clearfix">
        <p>
            <span>户外运动</span>
            <a>运动潮流</a>
            <a>户外装备</a>
            <a class="active">国际名牌</a>
        </p>

        <!-- 精品鞋靴 子菜单 -->
        <div class="on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/160729-10194pc-D.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 轮播 -->
            <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <!-- 热销男装 子菜单 -->
        <div class="on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/86900019841997_1_o.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

             <!-- 轮播 -->
             <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <!-- 女装内衣 子菜单 -->
        <div class="clothing-son on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/index7_17.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

             <!-- 轮播 -->
             <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <div class="clothing-logos">
            <img src="../images/index15_13.jpg" 
            alt="">
            <img src="../images/index15_14.jpg" 
            alt="">
            <img src="../images/logo13_11.jpg" 
            alt="">
            <img src="../images/logo13_12.jpg" 
            alt="">
            <img src="../images/logo13_13.jpg" 
            alt="">
            <img src="../images/logo13_14.jpg" 
            alt="">
            <img src="../images/logo13_15.jpg" 
            alt="">
            <img src="../images/logo13_16.jpg" 
            alt="">
            <img src="../images/logo13_17.jpg" 
            alt="">
        </div>
    </div>
    <!-- 户外运动结束 -->

    <!-- 童装 童鞋 婴儿装开始 -->
    <div class="clothing conjunct wapper clearfix">
        <p>
            <span>童装 童鞋 婴儿装</span>
            <a>小潮童鞋</a>
            <a>婴儿装</a>
            <a class="active">儿童服装</a>
        </p>

        <!-- 精品鞋靴 子菜单 -->
        <div class="on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/160729-10194pc-D.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

            <!-- 轮播 -->
            <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <!-- 热销男装 子菜单 -->
        <div class="on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/86900019841997_1_o.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

             <!-- 轮播 -->
             <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <!-- 女装内衣 子菜单 -->
        <div class="clothing-son on clearfix">
            <!-- 特价 -->
            <div class="special-offer">
                <img src="../images/index7_17.jpg" alt="">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <p>女包</p>
                        </a>
                        <a href="">
                            <p>冰丝内裤</p>
                        </a>
                        <a href="">
                            <p>蕾丝衬衫</p>
                        </a>
                        <a href="">
                            <p>女包</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>防晒品</p>
                        </a>
                        <a href="">
                            <p>男包</p>
                        </a>
                        <a href="">
                            <p>奢侈品</p>
                        </a>
                        <a href="">
                            <p>女鞋</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <p>短裤</p>
                        </a>
                        <a href="">
                            <p>功能箱包</p>
                        </a>
                        <a href="">
                            <p>男鞋</p>
                        </a>
                        <a href="">
                            <p>全部分类></p>
                        </a>
                    </li>
                </ul>
            </div>

             <!-- 轮播 -->
             <div class="carousel">
                <div class="pptbox fl underwear" >
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../images/3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/5.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/6.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../images/1.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 达芙妮 -->
            <ul class="Daphne clearfix">
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_05.jpg" alt="">
                    </a>
                </li>
            </ul>
            <a href="">
                <img src="../images/index11_08.gif" alt="">
            </a>
            <!-- 下面的达芙妮 -->
            <ul class="Daphne-btm">
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="../images/index100_11.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <div class="clothing-logos">
            <img src="../images/index15_13.jpg" 
            alt="">
            <img src="../images/index15_14.jpg" 
            alt="">
            <img src="../images/logo13_11.jpg" 
            alt="">
            <img src="../images/logo13_12.jpg" 
            alt="">
            <img src="../images/logo13_13.jpg" 
            alt="">
            <img src="../images/logo13_14.jpg" 
            alt="">
            <img src="../images/logo13_15.jpg" 
            alt="">
            <img src="../images/logo13_16.jpg" 
            alt="">
            <img src="../images/logo13_17.jpg" 
            alt="">
        </div>
    </div>
    <!-- 童装 童鞋 婴儿装结束 -->

    <!-- 家居日用开始 -->
    <div class="furniture conjunct wapper clearfix">
        <p>家居日用</p>
        <img src="../images/index21_05.gif" alt="">
        <ul>
            <li>
                <a href=""><img src="../images/index22_05.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="../images/index22_05.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="../images/index22_05.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="../images/index22_05.jpg" alt=""></a>
            </li>
        </ul>
        <ul>
            <li>
                <a href=""><img src="../images/index23_08.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="../images/index23_08.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="../images/index23_08.jpg" alt=""></a>
            </li>
            <li>
                <a href=""><img src="../images/index23_08.jpg" alt=""></a>
            </li>
        </ul>
    </div>
    <!-- 家居日用结束 -->

    <!-- 推广商品开始 -->
    <div class="promotion wapper">
        <p>推广商品</p>
        <ul class="clearfix">
            <!-- 1 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 2 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 3 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 4 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 5 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 6 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 7 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 8 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 9 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
            <!-- 10 -->
            <li>
                <div class="area">
                    <a href="">
                        <img src="../images/index25_12.jpg" alt="">
                        <h4>Pigeon法国制奶嘴，无毒天然乳胶</h4>
                        <p>￥:189</p>
                        <p>
                            <img src="../images/index27_14.gif" alt="">
                            已有 <span>988</span> 条评价
                        </p>
                    </a>
                </div>
                
            </li>
        </ul>
    </div>
    <!-- 推广商品结束 -->

    <!-- 底部开始 -->
    <!-- 正规渠道开始 -->
    <div class="channel">
        <div class="wapper">
            <img src="../images/222_11.png" alt="">
            <img src="../images/222_13(1).png" alt="">
            <img src="../images/222_15.png" alt="">
            <img src="../images/222_17.png" alt="">
        </div>
    </div>
    <!-- 正规渠道结束 -->

    <!-- 购物指南开始 -->
    <div class="guide wapper">
        <div class="type">
            <ul class="clearfix">
                <li>
                    <p>购物指南</p>
                    <a href="">购物流程</a>
                    <a href="">发票制度</a>
                    <a href="">账户管理</a>
                    <a href="../html/Member-Center.html">会员优惠</a>
                </li>
                <li>
                    <p>支付方式</p>
                    <a href="">货到付款</a>
                    <a href="">网上支付</a>
                    <a href="">礼品卡支付</a>
                    <a href="">银行转帐</a>
                </li>
                <li>
                    <p>订单服务</p>
                    <a href="">订单配送查询</a>
                    <a href="">订单状态说明</a>
                    <a href="">自助取消订单</a>
                    <a href="">自助修改订单</a>
                </li>
                <li>
                    <p>退换货</p>
                    <a href="">退换货政策</a>
                    <a href="">自助申请退换货</a>
                    <a href="">退换货进度查询</a>
                    <a href="">退款方式和时间</a>
                </li>
                <li>
                    <p>商家服务</p>
                    <a href="">商家中心</a>
                    <a href="">运营服务</a>
                    <a href="">加入尾品汇</a>
                </li>
            </ul>
        </div>
        <img src="../images/logo_00.png" alt="">
    </div>
    <!-- 购物指南结束 -->

    <!-- 公司简介开始 -->
    <div class="synopsis wapper">
        <p>
            <span>公司简介</span>|
            <span>Investor Relations</span>|
            <span>网站联盟</span>|
            <span>乐购招商</span>|
            <span>机构销售</span>|
            <span>手机乐购</span>|
            <span>官方Blog</span>|
            <span>热词搜索</span>
        </p>
        <p>Copyright&emsp;(C)&emsp;乐购网&emsp;2004-2016,&emsp;All&emsp;Rights Reserved</p>
    </div>
    <!-- 公司简介结束 -->
    <!-- 底部结束 -->

    <!-- 回到顶部 -->
    <img id="top" src="../images/12.gif">
    <!-- 侧边栏 -->
    <ul class="floorbox">
        <li class="ebook"
        bgcolor="#93d470">图书</li>
        <li class="cloth"
        bgcolor="#f55727">服装</li>
        <li class="sport"
        bgcolor="#ba9def">运动</li>
        <li class="children"
        bgcolor="#ff7395">童装</li>
        <li class="home"
        bgcolor="#c3ec52">家居</li>
    </ul>


    <!-- 顶部搜索框 -->
    <div class="roof">
        <div class="wapper">
            <a>logo</a>
            <div class="seek">
                <input type="text" placeholder="创意文具">
                <span></span>
            </div>
        </div>
    </div>



    <!-- 小广告 -->
    <div class="advertising">
        <div><img src="../images/two_30.jpg" alt=""></div>
        <div><img id="mouses" src="../images/two_34.jpg" alt="">
        <img id="mouse" src="../images/two_35.jpg" alt=""></div>
        
        <div><img src="../images/two_40.jpg" alt=""></div>
    </div>


    <!-- <img style="position: fixed; top: 50%; right: 60px;" src="../images/12.gif" alt=""> -->
    <script src="../lib/jquery.js"></script>
    <script src="../lib/jquery.slidebox.js"></script>
    <script src="../js/indexlunbo.js"></script>
    <script src="../js/common.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>